<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="" href="./font-awesome/css/font-awesome.css">
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        nav {
            height: 40px;
            background-color: #333;
        }

        .box {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .box .left {
            width: 750px;
        }

        .box .left ul {

            display: flex;
            justify-content: space-between;
            list-style: none;
            margin-top: 0px;
        }

        .box .left ul li {
            line-height: 40px;
            color: #666;
        }

        .box .left a {
            text-decoration: none;
            color: #b0b0b0;
        }

        .box .left a:hover {
            color: white;
        }

        .box .right {
            width: 400px;
        }

        .box .right ul {
            display: flex;
            justify-content: space-between;
            margin-top: 0px;
        }

        .box .right ul li {
            list-style: none;
            line-height: 40px;
            color: #666;
            text-align: center;
        }

        .box .right a {
            text-decoration: none;
            color: #b0b0b0;
        }

        .box .right a:hover {
            color: white;
        }

        .box .right span {
            width: 120px;
            line-height: 40px;
            color: #b0b0b0;
        }

        .box .right .lis {
            position: relative;
            background-color: #666;
        }

        .box .right .lis:hover {
            background-color: wheat;
        }

        .box .right .lis:hover span {
            color: orange;
        }

        .box .right .shop {
            margin-top: -1px;
            border: 1px solid #fff;
            left: -221px;
            line-height: 0px;
            height: 0px;
            overflow: hidden;
            width: 300px;
            position: absolute;
            box-shadow: 0 1px 2px 0;
            border-top: none;
            z-index: 99999;
            background-color: white;
        }

        .dao {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
            position: relative;
            /* background-color: red; */
            z-index: 999;
        }

        .dao-left {
            width: 200px;
        }

        .dao-left .img {
            margin-top: 20px;
        }

        .dao-right {
            width: 1000px;
            margin-top: 20px;
            position: relative;
        }

        .dao-right .ul {
            display: flex;
            justify-content: space-around;
            list-style: none;
        }

        .dao-right a {
            text-decoration: none;
            color: black
        }

        .dao-right a:hover {
            color: #ff6700;
        }

        .dao-right input {
            width: 270px;
            height: 45px;
            margin-top: -15px;
        }

        .dao-right button {
            width: 50px;
            height: 50px;
            margin-top: -15px;
            margin-left: -20px;
            background-color: #fff;
            border: 1px solid #abadb3;
        }

        .dao-right button:hover {
            color: white;
            background-color: orange;
        }

        .dao-right .span span {
            background-color: #eee;
        }

        .dao-right .span {
            position: absolute;
            right: 40px;
            top: 20px;
            color: #666;
            width: 200px;
        }

        .dao-right .span span:hover {
            background-color: orangered;
        }

        .dao-right .ull {
            list-style: none;
            position: absolute;
            right: 60px;
            border: 1px solid orange;
            top: 34px;
            width: 230px;
            display: none;
            background-color: #fff;
            z-index: 99;
        }

        .dao-right .ull li:hover {
            background-color: #abadb3;
        }

        .dao-right .ull li {
            width: 270px;
            padding-top: 10px;
            position: relative;
            left: -40px;
        }

        header {
            width: 100%;
            height: 230px;
            border-top: 1px solid #abadb3;
            border-bottom: 1px solid #abadb3;
        }

        .center {
            width: 1200px;
            margin: 0 auto;
        }

        .liu-img {
            position: relative;
        }

        .liu-img .one {
            display: flex;
            position: absolute;
            top: 15px;
            z-index: 9999;
        }


        .liu-img .one li {
            margin-left: 20px;
            list-style: none
        }

        .liu-img .one li img {
            border-right: 1px solid #666;
        }

        .liu-img .one .xiao img {
            border-right: none;
        }

        .liu-img p {
            text-align: center;
            margin: 0;
        }

        .liu-img .border {
            width: 70px;
            border: 1px solid orange;
            position: relative;
            left: 40px;
            top: -20px;
        }

        header {
            position: absolute;
            display: none;
            background-color: #fff;
            z-index: 9999;
        }

        header .header {
            position: absolute;
        }

        .cen {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            position: relative;
        }

        .cen .lun-left {
            width: 234px;
            height: 460px;
            background-color: #5e4c41;
        }

        .cen .lun-right {
            width: 960px;
            height: 460px;
            /* background-color: lawngreen; */
        }

        .cen .lun-right ul li {
            list-style: none;
            position: absolute;
        }

        .cen .lun-right img {
            width: 966px;
            height: 460px;
            margin-top: -15px;
            margin-left: -40px;
        }

        .cen .lun-right .dian {
            width: 140px;
            position: absolute;
            display: flex;
            justify-content: space-between;
            right: 30px;
            ;
            bottom: 20px;
        }

        .cen .lun-right .dian div {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #666;
        }

        .cen .lun-right ul li {
            display: none;
        }

        .cen .lun-right ul .lunbo {
            display: block;
        }

        .cen .lun-right .dian .bianse {
            background-color: #444;
        }

        .cen .lun-right .dian div:hover {
            background-color: #666;
        }

        .cen .lun-right .left-right {
            position: relative;
            width: 20px;
            height: 120px;
        }

        .cen .lun-right .left-right .zuo {
            display: inline-block;
            width: 40px;
            height: 80px;

            position: relative;
            top: 205px;
            line-height: 80px;
            border-radius: 5px;
            text-align: center;
        }

        .cen .lun-right .left-right .you {
            text-align: center;
            display: inline-block;
            line-height: 80px;
            width: 40px;
            height: 80px;

            position: relative;
            top: 125px;
            left: 925px;
            border-radius: 5px;
        }

        .cen .lun-left .left-zhe {
            list-style: none;
            margin-left: -38px;
            margin-top: 5px;
        }

        .cen .lun-left .left-zhe li {
            height: 45px;
            color: white;
            width: 230px;
            line-height: 45px;
        }

        .cen .lun-left .left-zhe a {
            text-decoration: none;
            color: white;
        }

        .cen .lun-left .left-zhe .yi {
            background-color: orange;
        }

        .cen .uuu {
            position: relative;
        }

        .cen .uuu li {
            list-style: none;
        }

        .cen .uuu ul {

            position: absolute;
            width: 800px;
            height: 460px;
            background-color: #fff;
            border: 1px solid #666;
            z-index: 9;
            top: -16px;
            display: flex;
            flex-direction: column;
            /* justify-content: space-between; */
            flex-wrap: wrap;
            display: none;
        }

        .cen .uuu ul li {
            width: 200px;
            height: 80px;
        }

        .cen .uuu ul li img {
            position: relative;
            top: 15px
        }

        .cen .uuu ul li span {
            border: 1px solid orange;
        }

        .cen .uuu ul li:hover span {
            background-color: orange;
        }

        .cen .uuu ul li a {
            color: black;
            text-decoration: none;
        }

        .cen .uuu ul li a:hover {
            color: orange;
        }

        .tu-cen {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .tu-cen div img {
            width: 290px;
            height: 165px;
            margin-top: 20px;
        }

        .xmdp-cen {
            width: 1200px;
            margin: 0 auto;
            position: relative;
            height: 350px;
            overflow: hidden;
        }

        .xmdp-cen h2 {
            color: #666;
        }

        .xmdp-cen ul {
            list-style: none;
            display: flex;
            justify-content: space-between;
        }

        .xmdp-cen ul li {
            border-top: 1px solid red;
        }

        .xmdp-cen ul p {
            text-align: center;
            margin: 0;
        }

        .xmdp-cen .div-left {
            z-index: 999;
        }

        .xmdp-cen .div-left ul {
            position: relative;
            left: 0;
        }

        .xmdp-cen .div-left img {

            width: 160px;
            height: 160px;
        }

        .xmdp-cen .div-right ul {
            position: relative;
            left: 1200px;
            top: -250px;
        }

        .xmdp-cen .div-right img {
            width: 160px;
            height: 160px;
        }

        .xmdp-cen span {
            text-align: center;
            line-height: 30px;
            display: inline-block;
            width: 40px;
            height: 30px;
            position: relative;
            right: -1080px;
            border: 1px solid #999;
        }


        .xmdp-cen .dong {
            width: 1200px;
            height: 380px;
            position: relative;
        }
        /*******************************************************************  */

        .jd-cen {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            margin-top: 50px;
        }

        .jd-cen .jd-ul {
            width: 260px;
            list-style: none;
            display: flex;
            justify-content: space-around;
        }

        .jd-cen .jd-ul {
            line-height: 40px;
        }

        .jd-cen .jd-ul .jd-li {
            color: orange;
            border-bottom: 2px solid orange;
        }

        .jd-cen .jd-ul a {
            text-decoration: none;
            color: black;
        }

        .tupian {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        .tupian-right ul {
            width: 966px;
            height: 614px;
            list-style: none;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: -10px;
            position: absolute;
            left: 234px;
            display: block;
        }

        .tupian-right .tupian-ul {
            display: block;
        }

        .tupian-right ul {
            display: none;
        }

        .tupian-right ul li {
            display: inline-block;
            border: 1px solid #999;
            margin-top: 10px;
            position: relative;
            overflow: hidden;
            transition: all 0.3s linear;
        }

        .tupian-right ul li:hover {
            top: -3px;
            box-shadow: 0 0 5px #aaa;
        }

        .tupian-right ul p {
            text-align: center;
            margin: 0;
        }

        .tupian-right img {
            width: 220px;
            height: 220px;
        }

        .tupian-right ul li:hover div {
            top: 270px;
        }

        .tupian-right ul div {
            width: 220px;
            height: 20px;
            position: absolute;
            top: 292px;
            background-color: orange;

            transition: all 0.5s linear;
        }

        .tupian-right ul div p {
            width: 200px;
            text-align: center;
        }

        .wn-cen {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .wn-cen .wn-zuo {
            width: 4800px;
            display: flex;
            position: relative;
            left: 0px;
        }

        .wn-cen .wn-zuo ul {
            width: 1200px;
            list-style: none;
            display: flex;
            justify-content: space-between;
        }

        .wn-cen .wn-zuo ul p {
            text-align: center;
            margin-top: 8px;
        }

        .wn-cen span {
            text-align: center;
            display: inline-block;
            position: relative;
            left: 1050px;
            width: 50px;
            height: 40px;
            border: 1px solid #666;
            line-height: 40px;
        }

        .rp-cen {
            width: 1200px;
            margin: 0 auto;
        }

        .rp-cen .rp-div ul {
            list-style: none;
            display: flex;
            justify-content: space-between;
        }

        .rp-cen .rp-div ul li {

            width: 280px;
            position: relative;
        }

        .rp-cen .rp-div ul li:hover {
            box-shadow: 0 0 3px #666;
        }
      

        .rp-cen .rp-div ul li p {
            padding-left: 10px;
        }

        .rp-cen .rp-div ul img {
            width: 280px;
            height: 220px;
        }
        /**************** 内容 *****************  */

        .nr-cen {
            width: 1200px;
            margin: 0 auto;
            margin-top: 40px;
            display: flex;
            justify-content: space-between;
        }

        .nr-cen .nr-xian {
            position: relative;
            width: 280px;
            overflow: hidden;
            border-top: 1px solid orange;
        }

         .nr-cen .nr-xian:hover {
            box-shadow: 0 0 2px #999;
            top: -3px;
        } 
        .nr-cen .nr-xian:hover span {
        display: inline-block;
        /* background-color: red; */
        

        }

        .nr-cen .div {
            width: 280px;

            position: relative;
        }

        .nr-cen span {
            position: relative;
            display: inline-block;
            width: 15px;
            height: 30px;
            line-height: 30px;
            top: 150px;
            background-color: #666;
            color: white;
            text-align: center;
            z-index: 999;
             /* display: none;    */
        }

        .nr-cen .nr-right {
            left: 245px;
        }

        .nr-cen .nr-xian .nr-box ul {
            width: 280px;
            text-align: center;
            padding: 0;
            margin: 0;

            position: relative;
        }

        .nr-cen .nr-xian .nr-box {
            width: 840px;
            display: flex;
        }

        .nr-cen .nr-xian .nr-box p {
            text-align: center;
        }
         .sp-cen{
             width: 1200px;
             margin: 0 auto;
             
         } 
         .sp-cen .sp-div{
             display: flex;
           width: 1200px;
           position: relative;
         }
     .sp-cen .sp-div ul{
         display: inline-block;
         width: 300px;
         text-align: center;
         padding: 0;
         border: 1px solid #f5f5f5;
         position: relative;
         z-index: 999;
         
     }
     .sp-cen .sp-div ul:hover{
         box-shadow: 0 0 2px black;
     }
     .sp-cen .sp-div ul img {
         width: 270px;
         height: 180px;
     }
     .sp-cen .sp-div ul span:hover{
         color: orange;
     }
     .db-cen{
         width: 1200px;
         margin: 0 auto;
         margin-top: 60px;
     }
     .db-cen li{
         list-style: none;
     }
     .db-cen .db-wx ul{
         line-height: 30px;
         height: 30px;
         display: flex;
         justify-content: space-around;
     }
     .db-cen .db-wx ul li{
         width: 160px;
         display: inline-block;
         border-right: 2px solid #999;
     }
     .db-cen .db-wx ul li:nth-last-child(1){
         border:none;
     }
     .db-cen .db-wx ul li:hover{
         color: orange;
     }
     .db-cen .db-zj {
         display: flex;
         justify-content: space-between;
         width: 1100px;
     }
     .db-cen .db-zj .db-left{
         width: 910px;
         display: flex;
         justify-content: space-between;

     }
     .db-cen .db-zj .db-left li{
         padding-top: 15px;
         font-size: 14px;
         color: #666;
     }
     .db-cen .db-zj .db-left li:hover{
         color: orange;
         
     }
     
     .db-cen .db-zj .db-right p{
         text-align: center;
     }
     .db-cen .db-zj .db-right h3{
         padding-top: 25px;
        
     }
     .db-cen .db-db{
          display: flex; 
         justify-content: space-between;
     }
     .db-cen .db-db .db-zuo{
         width: 810px;
         position: relative;
     
     }
      .db-cen .db-db .db-you{
          width: 270px;
      }
      .db-cen .db-db .db-zuo .lu {
          position: absolute;
          top:-5px;
          left: 60px;
      }
      .db-cen .db-db .db-zuo .lu span{
          font-size: 12px;
      }
      .db-cen .db-db .db-zuo .lu span:hover{
          color: orange;
      }
    .db-cen .db-db .db-zuo .uu {
         position: absolute;
          top:10px;
          left: 60px;
    }
    .db-cen .db-db .db-zuo .uu span{
        font-size: 12px;
        color: #666;
    }
    .db-cen .db-db .db-you ul img{
        width: 80px;
        height: 30px;
    }
    .db-cen .db-db .db-you ul{
        display: flex;
        justify-content: space-around;
        position: relative;
        left: -95px;
    }
    .db-cen hr{
      width: 1150px;
    }
    


    


  

    </style>
</head>

<body>
    <!--导航条  -->
    <nav>
        <div class="box">
            <div class="left">
                <ul>

                    <li><a href="#">小米商城</a> |</li>
                    <li><a href="#">MIUI</a> |</li>
                    <li><a href="#">米聊</a> |</li>
                    <li><a href="#">游戏</a> |</li>
                    <li><a href="#">多看多读</a> |</li>
                    <li><a href="#">云服务</a> |</li>
                    <li><a href="#">经融</a> |</li>
                    <li><a href="#">小米商城手机版</a> |</li>
                    <li><a href="#">问题反馈</a> |</li>
                    <li><a href="#">Ellect Region</a></li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="#">登录</a> |</li>
                    <li><a href="#">注册</a> |</li>
                    <li><a href="#">消息通知</a></li>
                    <li class="lis"><span class="fa fa-s15">购物车（0）</span>
                        <ul class="shop">
                            <p>购物车中还没有商品，赶紧选购吧。</p>
                        </ul>

                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--导购条  -->
    <div class="dao">
        <div class="dao-left">
            <div class="img"><img src="img.png" alt=""></div>
        </div>
        <div class="dao-right">
            <ul class="ul">
                <li class="lis"><a href="#">小米手机</a></li>
                <li class="liss"><a href="#">红米</a></li>
                <li><a href="#">平板.笔记本</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">盒子.影音</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
                <input type="text" name="" value=""><button type="button" class=" fa fa-search "></button>

            </ul>
            <div class="span"><span>电视4A55</span> &nbsp;&nbsp; <span>小米二 特惠</span></div>
            <div class="duo">
                <ul class="ull">
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                    <li>小米商城手机版</li>
                </ul>
            </div>
        </div>

    </div>

    <header>
        <section class="center">
            <section class="liu-img">
                <ul class="one lu">
                    <li>
                        <p class="border">新品现货</p><a href="#"><img src="x5.jpg" alt=""></a>
                        <p style="text-align:center">小米6</p>
                        <p style="color:red">2499元起</p>
                    </li>
                    <li>
                        <p class="border">新品现货</p><a href="#"><img src="x2.png" alt=""></a>
                        <p style="text-align:center">小米6</p>
                        <p style="color:red">2499元起</p>
                    </li>
                    <li>
                        <p class="border">新品现货</p><a href="#"><img src="x3.jpg" alt=""></a>
                        <p style="text-align:center">小米6</p>
                        <p style="color:red">2499元起</p>
                    </li>
                    <li>
                        <p class="border">新品现货</p><a href="#"><img src="x4.jpg" alt=""></a>
                        <p style="text-align:center">小米6</p>
                        <p style="color:red">2499元起</p>
                    </li>
                    <li>
                        <p class="border">新品现货</p><a href="#"><img src="x5.jpg" alt=""></a>
                        <p style="text-align:center">小米6</p>
                        <p style="color:red">2499元起</p>
                    </li>

                    <li class="xiao">
                        <p class="border">新品现货</p> <a href="#"><img src="x6.jpg" alt=""></a>
                        <p style="text-align:center">小米6</p>
                        <p style="color:red">2499元起</p>
                    </li>
                </ul>
            </section>
        </section>
    </header>
    <div class="cen">
        <div class="lun-left">
            <ul class="left-zhe">
                <li><a href="#">手机 电话卡</a> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &gt; </li>
                <li><a href="#">笔记本 平板</a> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &gt;
                </li>
                <li><a href="#">电视 盒子</a> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &gt;
                </li>
                <li><a href="#">路由器 智能硬件</a> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &gt;</li>
                <li><a href="#">移动电源 电池 插线板</a> &nbsp; &nbsp; &gt;</li>
                <li><a href="#">耳机 音响</a>&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
                    &nbsp; &gt;</li>
                <li><a href="#">保护套 贴膜</a> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &gt;</li>
                <li><a href="#">线材 支架 内存卡</a> &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &gt;</li>
                <li><a href="#">箱包 服饰 鞋 眼睛</a> &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &gt;</li>
                <li><a href="#">米兔 生活周边</a>&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &gt;</li>

            </ul>
        </div>
        <div class="uuu">
            <ul>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米</a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米</a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米</a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米</a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米</a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>


            </ul>
            <ul style="width:520px">
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>


            </ul>
            <ul>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul style="width:420px">
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul style="width:270px">
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul style="width:270px">
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul style="width:270px">
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
            <ul style="width:270px">
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>
                <li class="yiss"><a href="#"> <img src="001.png" alt=""> 小米 </a> &nbsp; &nbsp;&nbsp;<span>选购</span></li>

            </ul>
        </div>
        <div class="lun-right">
            <ul>
                <li class="lunbo"> <img src="lun1.jpg" alt=""> </li>
                <li><img src="lun2.jpg" alt=""></li>
                <li><img src="lun3.jpg" alt=""></li>
                <li><img src="lun4.jpg" alt=""></li>
                <li><img src="lun5.jpg" alt=""></li>
                <li><img src="lun6.jpg" alt=""></li>
                <li><img src="lun7.jpg" alt=""></li>
            </ul>
            <section class="dian">
                <div class="bianse"></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </section>
            <div class="left-right">
                <span class="zuo">&lt;</span>
                <span class="you">&gt;</span>
            </div>
        </div>
    </div>
    <!--轮播图下面的小图  -->

    <div class="tu-cen">
        <div> <img src="l4.png" alt=""> </div>
        <div><img src="l1.jpg" alt=""></div>
        <div><img src="l2.jpg" alt=""></div>
        <div><img src="l3.jpg" alt=""></div>
    </div>
    <!--左 点击  右 点击 -->
    <div class="xmdp-cen">
        <h2>小米明星单品</h2> <span class="zuos">&lt;</span><span class="yous">&gt;</span>
        <div class="dong">
            <div class="div-left">
                <ul>
                    <li><a href="#"><img src="xm1.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                    <li><a href="#"><img src="xm2.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>

                    </li>
                    <li><a href="#"><img src="xm3.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>

                    </li>
                    <li><a href="#"><img src="xm4.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>

                    </li>
                    <li><a href="#"><img src="xm5.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                </ul>
            </div>
            <div class="div-right">
                <ul>
                    <li><a href="#"><img src="xm6.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                    <li><a href="#"><img src="xm7.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                    <li><a href="#"><img src="xm8.jpg" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                    <li><a href="#"><img src="xm9.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                    <li><a href="#"><img src="xm10.png" alt=""></a>
                        <p>红米4xp</p>
                        <p style="color:#666">4100mAh超长待机</p>
                        <p style="color:red">699元</p>
                    </li>
                </ul>
            </div>
        </div>


    </div>

    <section class="wu">
        <div class="jd-cen jd-ceni">
            <h2>家电</h2>
            <ul class="jd-ul">
                <li class="jd-li"><a href="#"></a>热门</li>
                <li><a href="#"></a>电视影音</li>
                <li><a href="#"></a>电脑</li>
                <li><a href="#"></a>家居</li>
            </ul>
        </div>
        <div class="tupian">
            <div class="tupian-left">
                <img src="jia.jpg" alt="">
            </div>
            <div class="tupian-right">
                <ul class="tupian-ul">
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
            </div>

        </div>
    </section>
    <section class="liu">
        <div class="jd-cen jd-ceni">
            <h2>智能</h2>
            <ul class="jd-ul">
                <li class="jd-li"><a href="#"></a>热门</li>
                <li><a href="#"></a>电视影音</li>
                <li><a href="#"></a>电脑</li>
                <li><a href="#"></a>家居</li>
            </ul>
        </div>
        <div class="tupian">
            <div class="tupian-left">
                <img src="jia.jpg" alt="">
            </div>
            <div class="tupian-right">
                <ul class="tupian-ul">
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
            </div>

        </div>
    </section>

    <section class="qi">
        <div class="jd-cen jd-ceni">
            <h2>搭配</h2>
            <ul class="jd-ul">
                <li class="jd-li"><a href="#"></a>热门</li>
                <li><a href="#"></a>电视影音</li>
                <li><a href="#"></a>电脑</li>
                <li><a href="#"></a>家居</li>
            </ul>
        </div>
        <div class="tupian">
            <div class="tupian-left">
                <img src="jia.jpg" alt="">
            </div>
            <div class="tupian-right">
                <ul class="tupian-ul">
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
            </div>

        </div>
    </section>


    <section class="ba">
        <div class="jd-cen jd-ceni">
            <h2>配件</h2>
            <ul class="jd-ul">
                <li class="jd-li"><a href="#"></a>热门</li>
                <li><a href="#"></a>电视影音</li>
                <li><a href="#"></a>电脑</li>
                <li><a href="#"></a>家居</li>
            </ul>
        </div>
        <div class="tupian">
            <div class="tupian-left">
                <img src="jia.jpg" alt="">
            </div>
            <div class="tupian-right">
                <ul class="tupian-ul">
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
            </div>

        </div>
    </section>


    <section class="jiu">
        <div class="jd-cen jd-ceni">
            <h2>周边</h2>
            <ul class="jd-ul">
                <li class="jd-li"><a href="#"></a>热门</li>
                <li><a href="#"></a>电视影音</li>
                <li><a href="#"></a>电脑</li>
                <li><a href="#"></a>家居</li>
            </ul>
        </div>
        <div class="tupian">
            <div class="tupian-left">
                <img src="jia.jpg" alt="">
            </div>
            <div class="tupian-right">
                <ul class="tupian-ul">
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
                <ul>
                    <li><a href="#"><img src="jia2.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>
                    <li><a href="#"><img src="jia1.png" alt=""></a>
                        <p>小米电视 4A 49英寸</p>
                        <p style="color:#666">8月 23日小米电视，立减600元
                        </p>
                        <p style="color:orange">2199元</p>
                        <div class="shang">
                            <p>sadsdasdasd</p>
                        </div>
                    </li>


                </ul>
            </div>

        </div>
    </section>
    <!--******************************************************************************************  -->

    <div class="wn-cen">
        <h2>为你推荐</h2>
        <span class="wn-xz">&lt;</span><span class="wn-yous">&gt;</span>
        <div class="wn-zuo">
            <ul>
                <li><img src="wn1.jpg" alt="">
                    <p>家用扫地机器人</p>
                    <p style="color:orange">1669元</p>
                    <p style="color:#999">1.2万人好评</p>
                </li>
                <li><img src="wn2.jpg" alt="">
                    <p>小米电视3s 45英寸</p>
                    <p style="color:orange">6499元</p>
                </li>
                <li><img src="wn3.jpg" alt="">
                    <p>小米米加电动滑板车</p>
                    <p style="color:orange">1999元</p>
                    <p style="color:#999">5445人好评</p>
                </li>
                <li><img src="wn4.jpg" alt="">
                    <p>小米运动蓝牙耳机</p>
                    <p style="color:orange">166元</p>
                    <p style="color:#999">1.4万人好评</p>
                </li>
                <li><img src="wn5.jpg" alt="">
                    <p>小米充电器</p>
                    <p style="color:orange">69元</p>
                    <p style="color:#999">1320人好评</p>
                </li>
            </ul>
            <ul>
                <li><img src="wn1.jpg" alt="">
                    <p>家用扫地机器人</p>
                    <p style="color:orange">1669元</p>
                    <p style="color:#999">1.2万人好评</p>
                </li>
                <li><img src="wn1.jpg" alt="">
                    <p>小米电视3s 45英寸</p>
                    <p style="color:orange">6499元</p>
                </li>
                <li><img src="wn1.jpg" alt="">
                    <p>小米米加电动滑板车</p>
                    <p style="color:orange">1999元</p>
                    <p style="color:#999">5445人好评</p>
                </li>
                <li><img src="wn4.jpg" alt="">
                    <p>小米运动蓝牙耳机</p>
                    <p style="color:orange">166元</p>
                    <p style="color:#999">1.4万人好评</p>
                </li>
                <li><img src="wn5.jpg" alt="">
                    <p>小米充电器</p>
                    <p style="color:orange">69元</p>
                    <p style="color:#999">1320人好评</p>
                </li>
            </ul>
            <ul>
                <li><img src="wn2.jpg" alt="">
                    <p>家用扫地机器人</p>
                    <p style="color:orange">1669元</p>
                    <p style="color:#999">1.2万人好评</p>
                </li>
                <li><img src="wn2.jpg" alt="">
                    <p>小米电视3s 45英寸</p>
                    <p style="color:orange">6499元</p>
                </li>
                <li><img src="wn2.jpg" alt="">
                    <p>小米米加电动滑板车</p>
                    <p style="color:orange">1999元</p>
                    <p style="color:#999">5445人好评</p>
                </li>
                <li><img src="wn4.jpg" alt="">
                    <p>小米运动蓝牙耳机</p>
                    <p style="color:orange">166元</p>
                    <p style="color:#999">1.4万人好评</p>
                </li>
                <li><img src="wn2.jpg" alt="">
                    <p>小米充电器</p>
                    <p style="color:orange">69元</p>
                    <p style="color:#999">1320人好评</p>
                </li>
            </ul>
            <ul>
                <li><img src="wn3.jpg" alt="">
                    <p>家用扫地机器人</p>
                    <p style="color:orange">1669元</p>
                    <p style="color:#999">1.2万人好评</p>
                </li>
                <li><img src="wn2.jpg" alt="">
                    <p>小米电视3s 45英寸</p>
                    <p style="color:orange">6499元</p>
                </li>
                <li><img src="wn3.jpg" alt="">
                    <p>小米米加电动滑板车</p>
                    <p style="color:orange">1999元</p>
                    <p style="color:#999">5445人好评</p>
                </li>
                <li><img src="wn4.jpg" alt="">
                    <p>小米运动蓝牙耳机</p>
                    <p style="color:orange">166元</p>
                    <p style="color:#999">1.4万人好评</p>
                </li>
                <li><img src="wn3.jpg" alt="">
                    <p>小米充电器</p>
                    <p style="color:orange">69元</p>
                    <p style="color:#999">1320人好评</p>
                </li>
            </ul>
        </div>

    </div>
    <!--******************************************************************************************************  -->
    <div class="rp-cen">
        <h2>热评产品</h2>

        <div class="rp-div">
            <ul>
                <li><img src="rp1.jpg" alt="">
                    <p>包装很让人感动，样式也喊可哎，做出了 的反全家都爱吃超爱五星！
                    </p>
                    <p style="font-size:12px;color:#666">来自于HZ过的评价</p>
                    <span style="font-size:14px">米亚电饭煲 <span style="color:peru">999元</span></span>
                </li>
                <li><img src="rp2.jpg" alt="">
                    <p>包装很让人感动，样式也喊可哎，做出了 的反全家都爱吃超爱五星！
                    </p>
                    <p style="font-size:12px;color:#666">来自于HZ过的评价</p>
                    <span style="font-size:14px">米亚电饭煲 <span style="color:peru">999元</span></span>
                </li>
                <li><img src="rp3.jpg" alt="">
                    <p>包装很让人感动，样式也喊可哎，做出了 的反全家都爱吃超爱五星！
                    </p>
                    <p style="font-size:12px;color:#666">来自于HZ过的评价</p>
                    <span style="font-size:14px">米亚电饭煲 <span style="color:peru">999元</span></span>
                </li>
                <li><img src="rp4.jpg" alt="">
                    <p>包装很让人感动，样式也喊可哎，做出了 的反全家都爱吃超爱五星！
                    </p>
                    <p style="font-size:12px;color:#666">来自于HZ过的评价</p>
                    <span style="font-size:14px">米亚电饭煲 <span style="color:peru">999元</span></span>
                </li>
            </ul>
        </div>


    </div>



    <!-- ******************** 内容*****************************************  -->
    <div class="nr-cen">
        <div class="zui">
            <span class="nr-left">&lt;</span>
            <span class="nr-right">&gt;</span>
            <div class="nr-xian">

                <div class="div">
                    <div class="nr-box">
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr1.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr2.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr3.jpg" alt="">
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <div class="zuis">
            <span class="nr-left">&lt;</span>
            <span class="nr-right">&gt;</span>
            <div class="nr-xian">

                <div class="div">
                    <div class="nr-box">
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr1.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr2.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr3.jpg" alt="">
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <div class="zuiss">
            <span class="nr-left">&lt;</span>
            <span class="nr-right">&gt;</span>
            <div class="nr-xian">

                <div class="div">
                    <div class="nr-box">
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr1.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr2.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr3.jpg" alt="">
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <div class="zuisss">
            <span class="nr-left">&lt;</span>
            <span class="nr-right">&gt;</span>
            <div class="nr-xian">

                <div class="div">
                    <div class="nr-box">
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr1.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr2.png" alt="">
                        </ul>
                        <ul>
                            <p style="  font-size:22px">哈利波特与被诅咒的孩子</p>
                            <p style="  font-size:12px;color:#999">哈利波特第八个故事震撼来袭</p>
                            <p>29.37元</p>
                            <img src="nr3.jpg" alt="">
                        </ul>

                    </div>
                </div>
            </div>
        </div>

    </div>

<!--            视屏            -->
  <div class="sp-cen">
      <h2>视屏</h2>
                 <div class="sp-div">
                     <ul><img src="sp1.jpg" alt="">
                        <br> <span>听我小弟讲小米7年探索之路</span>
                         <p style="font-size: 12px;color:#999">小米6，7年探索之路</p>
                    </ul>
                    <ul><img src="sp2.jpg" alt="">
                        <br> <span>MIUI 9 理念视屏</span>
                         <p style="font-size: 12px;color:#999">快如闪电，前所未有</p>
                    </ul>
                        <ul><img src="sp3.jpg" alt="">
                        <br> <span>小米5X外观视屏</span>
                         <p style="font-size: 12px;color:#999">吴一凡小弟濅情演绎</p>
                    </ul>
                        <ul><img src="sp4.jpg" alt="">
                        <br> <span>小米6亮银探索版 黑科技视频</span>
                         <p style="font-size: 12px;color:#999">仿佛科幻般的液态金属</p>
                    </ul>
                 </div>
  </div>

  <!--**************底部  **************************************************************  -->
 
      <div class="db-cen">
       <div class="db-wx">
         <ul><li>预约维修服务</li>
         <li>7天无理由退货</li>
         <li>15天免费换货</li>
         <li>满150元包邮</li>
         <li>520余家售后网店</li></ul>
       </div>
        <hr>    
       <div class="db-zj">
           <div class="db-left">
             <ul>
                 <h4>帮助中心</h4>
                  <li>账户管理</li>
             <li>购物指南</li>
             <li>订单操作</li> </ul>
             <ul>
                 <h4>服务支持</h4>
                 <li>售后服务</li>
             <li>资助服务</li>
             <li>相关下载</li>
             </ul>
             <ul>
                 <h4>线下门店</h4>
                 <li>小米之家</li>
             <li>服务网店</li>
             <li>零售网店</li>
             </ul>
             <ul>
                 <h4>关于小米</h4>
             <li>了解小米</li>
             <li>加入小米</li>
             <li>联系我们</li>
             </ul>
             <ul>
                 <h4>关注我们</h4>
             <li>新浪微博</li>
             <li>小米部落</li>
             <li>官方微博</li>
             </ul>
             <ul>
                 <h4>特色通道</h4>
             <li>F码通道</li>
             <li>礼物吗</li>
             <li>防伪查询</li>
             </ul>
           </div>
           <div class="db-right">
               <h3 style="color:#ff6700">400-100-5678</h3>
                <p style="font-size:12px">周一至周日 8:00-18:00</p>
                  <p style="font-size:12px">(仅收市话费)</p>
                  <span style="font-size:14px;color:#ff6700;border: 1px solid  orange;" >24小时客服在线</span>
           </div>
       </div>
       <div class="db-db">
           <div class="db-zuo">
            <ul><img src="img.png" alt=""></ul>
            <ul class="lu">
                <span>小米商城</span>
                <span>MUNI</span>
                <span>米了</span>
                <span>多篇看的</span>
                <span>小米路由器</span>
                <span>视屏电话</span>
                <span>小米天猫店</span>
                <span>小米淘宝直销店</span>
                <span>小米网络</span>
                <span>小米移动</span>
                <span>营私甚至</span>
                <span>select Region</span>
            </ul>
            <ul class="uu">
                <span>mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</span>  <br>
                <span>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
   </ul>
           </div>
           <div class="db-you">
             <ul>
                 <li> <img src="db1.png" alt=""> </li>
                <li> <img src="db2.png" alt=""> </li>
                  <li> <img src="db3.png" alt=""> </li> 
                    <li> <img src="db4.png" alt=""> </li>
             </ul>
           </div>
       </div>
        
      </div> 








    <script src="jquery.js"></script>





















</body>

</html>
<script>
    $('.box .right .lis').hover(function () {
        $('.box .right .shop').stop().animate({
            height: 98,
            lineHeight: 68
        }, 300);

    }, function () {
        $('.box .right .shop').stop().animate({
            height: 0,
            lineHeight: 0
        }, 300);
    });

    $('.dao-right input').focus(function () {
        $('.dao-right .span').css('display', 'none');
        $('.dao-right .ull').css('display', 'block');
        $(this).css('border', ' 1px solid orange')
        $('.dao-right button').css('border-color', 'orange');

    });
    $('.dao-right input').blur(function () {
        $('.dao-right .span').css('display', 'block');
        $('.dao-right .ull').css('display', 'none');
        $('.dao-right button').css('borderColor', '#abadb3');
        $(this).css('border', ' 1px solid #abadb3')

    });
    $('.dao-right .ul .lis').mouseover(function () {

        $('header').stop().slideDown(300);
    });
    $('.dao-right .ul .lis').mouseout(function () {

        $('header').stop().slideUp(300);
    });

    // ************************************* lunbotu   ******************************************
    var index = 0;
    var timer = setInterval(nextimg, 1000);
    function nextimg() {
        index++;
        if (index == 6) {
            index = 0;
        }
        showimg();
    }
    function showimg() {
        $('.cen .lun-right ul li').eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);
        $('.cen .lun-right ul li').eq(index).addClass('lunbo').siblings().removeClass('lunbo');
        $('.cen .lun-right .dian div').eq(index).addClass('bianse').siblings().removeClass('bianse');
    }
    $('.cen .lun-right ul li').mouseover(function () {

        clearTimeout(timer);
        timer = null;
    });
    $('.cen .lun-right ul li').mouseout(function () {
        console.log('chulai');
        if (timer == null) {
            timer = setInterval(nextimg, 1000);
        }
    });

    $('.cen .lun-right .dian div').click(function () {
        clearInterval(timer);
        index = $(this).index();
        showimg();
    });
    $('.cen .lun-right .left-right .you').mouseover(function () {

        $('.cen .lun-right .left-right .you').css('background-color', '#666');

    });
    $('.cen .lun-right .left-right .zuo').mouseover(function () {

        $('.cen .lun-right .left-right .zuo').css('background-color', '#666');

    });
    $('.cen .lun-right .left-right .zuo').mouseout(function () {

        $('.cen .lun-right .left-right .zuo').css('background-color', 'transparent');

    });
    $('.cen .lun-right .left-right .you').mouseout(function () {

        $('.cen .lun-right .left-right .you').css('background-color', 'transparent');

    });
    $('.cen .lun-right .left-right .you').click(function () {
        clearInterval(timer);
        nextimg();
    });
    $('.cen .lun-right .left-right .zuo').click(function () {
        clearInterval(timer);
        index--;
        if (index == -1) {
            index = 6;
        }

        showimg();
    });
    //***********************************************************************
    $('.cen .lun-left .left-zhe li').mouseenter(function () {
        $(this).addClass('yi').siblings().removeClass('yi');
        $('.cen .uuu ul').eq($(this).index()).show().siblings().hide();

    });
    $('.cen .lun-left .left-zhe li').mouseleave(function () {
        $(this).removeClass('yi');
        $('.cen .uuu ul').eq($(this).index()).mouseenter(function () {
            $(this).show();
        });
        $('.cen .uuu ul').eq($(this).index()).mouseleave(function () {
            $(this).hide();
        });
        $('.cen .uuu ul').eq($(this).index()).hide();

    });
    //************************************************************************************************
    var imgleft = 0;
    function shimg() {
        console.log('object');
        if (imgleft == 0) {
            imgleft = 0 - 1200;
        } else {
            imgleft = 0;
        }


        $('.xmdp-cen .dong').stop().animate({
            left: imgleft
        })


    }
    var time = setInterval(shimg, 6000);

    $('.xmdp-cen .zuos').click(function () {
        $('.xmdp-cen .zuos').css('color', 'orange');
        if (imgleft == 0) {
            imgleft = 0 - 1200;
        }
        shimg();
    });
    $('.xmdp-cen .zuos').hover(function () {
        $('.xmdp-cen .zuos').css('color', 'black');

    })
    $('.xmdp-cen .yous').click(function () {

        $('.xmdp-cen .yous').css('color', 'orange');
        if (imgleft != 0) {
            imgleft = 0 - 1200;
        }
        shimg();
    });
    $('.xmdp-cen .yous').hover(function () {
        $('.xmdp-cen .yous').css('color', 'black');

    })
    //********************复制的  *******************************************

    $('.wu .jd-ceni .jd-ul li').mouseenter(function () {

        $(this).addClass('jd-li').siblings().removeClass('jd-li');
        $('.wu .tupian .tupian-right ul').eq($(this).index()).show().siblings().hide();

    });
    $('.liu .jd-ceni .jd-ul li').mouseenter(function () {

        $(this).addClass('jd-li').siblings().removeClass('jd-li');
        $('.liu .tupian .tupian-right ul').eq($(this).index()).show().siblings().hide();

    });
    $('.qi .jd-ceni .jd-ul li').mouseenter(function () {

        $(this).addClass('jd-li').siblings().removeClass('jd-li');
        $('.qi .tupian .tupian-right ul').eq($(this).index()).show().siblings().hide();

    });
    $('.ba .jd-ceni .jd-ul li').mouseenter(function () {

        $(this).addClass('jd-li').siblings().removeClass('jd-li');
        $('.ba .tupian .tupian-right ul').eq($(this).index()).show().siblings().hide();

    });
    $('.jiu .jd-ceni .jd-ul li').mouseenter(function () {

        $(this).addClass('jd-li').siblings().removeClass('jd-li');
        $('.jiu .tupian .tupian-right ul').eq($(this).index()).show().siblings().hide();

    });

    //***************************************************************************************
    var sum = 0;
    $('.wn-cen .wn-yous').click(function () {

        if (sum == -3600) {
            sum = -3600;
            $('.wn-cen .wn-yous').css('background-color', '#666')
            $('.wn-cen .wn-xz').css('background-color', '#333')
        }
        else {
            sum = sum - 1200;
            $('.wn-cen .wn-yous').css('background-color', '#666')
        }
        $('.wn-cen .wn-zuo').animate({
            left: sum

        })

    });
    $('.wn-cen .wn-xz').click(function () {

        if (sum == 0) {
            sum = 0;
            $('.wn-cen .wn-xz').css('background-color', '#666')
            $('.wn-cen .wn-yous').css('background-color', '#333')
        }
        else {
            sum = sum + 1200;
            $('.wn-cen .wn-xz').css('background-color', '#666')
        }
        $('.wn-cen .wn-zuo').animate({
            left: sum
        })

    });
    $('.wn-cen .wn-xz').css('background-color', '#999');
    $('.wn-cen .wn-yous').css('background-color', '#999');

    //  ********************************热评产品 ***************************************
    $('.rp-cen .rp-div ul li').stop().mouseenter(function () {
        $(this).animate({
            top: -3
        }, 300)
    });
    $('.rp-cen .rp-div ul li').mouseleave(function () {
        $(this).stop().animate({
            top: 0
        }, 300)
    }, );
    //*********************** 内容*****************************************************
    var num = 0;
    $('.zui .nr-right').click(function () {
        console.log('sad');
        if (num == -560) {
            num = -560

        }
        else {
            num = num - 280
        }
        $('.nr-cen .zui .div').animate({
            left: num
        })
    });
    $('.zui .nr-left').click(function () {
        console.log('sad');
        if (num == 0) {
            num = 0
        }
        else {
            num = num + 280
        }
        $('.nr-cen .zui .div').animate({
            left: num
        })
    });
    var numm = 0;
    $('.zuis .nr-right').click(function () {
        console.log('sad');
        if (numm == -560) {
            numm = -560
        }
        else {
            numm = numm - 280
        }
        $('.nr-cen .zuis .div').animate({
            left: numm
        })
    });
    $('.zuis .nr-left').click(function () {
        console.log('sad');
        if (numm == 0) {
            numm = 0
        }
        else {
            numm = numm + 280
        }
        $('.nr-cen .zuis .div').animate({
            left: numm
        })
    });


    var nums = 0;
    $('.zuiss .nr-right').click(function () {
        console.log('sad');
        if (nums == -560) {
            nums = -560
        }
        else {
            nums = nums - 280
        }
        $('.nr-cen .zuiss .div').animate({
            left: nums
        })
    });
    $('.zuiss .nr-left').click(function () {
        console.log('sad');
        if (nums == 0) {
            nums = 0
        }
        else {
            nums = nums + 280
        }
        $('.nr-cen .zuiss .div').animate({
            left: nums
        })
    });
    var nu = 0;
    $('.zuisss .nr-right').click(function () {
        console.log('sad');
        if (nu == -560) {
            nu = -560
        }
        else {
            nu = nu - 280
        }
        $('.nr-cen .zuisss .div').animate({
            left: nu
        })
    });
    $('.zuisss .nr-left').click(function () {
        console.log('sad');
        if (nu == 0) {
            nu = 0
        }
        else {
            nu = nu + 280
        }
        $('.nr-cen .zuisss .div').animate({
            left: nu
        })
    });

//************************视屏  ******************************************************
  $('.sp-cen .sp-div ul').hover(function(){
       $(this).stop().animate({
           top:-3
       },300)
  },function(){
          $(this).stop().animate({
           top:0
       },300)
  });
  //**************************************************
          
  

</script>